@media screen and (max-width: 1200px) {
	.m-menu-open,
	.m-menu-close {
		width: 0.3rem;
		height: 0.3rem;
		line-height: 0.3rem;
		font-size: 0.3rem;
	}
	.m-menu-open {
		display: inline-block;
	}
	.m-nav-show .m-menu-open {
		display: none;
	}
	.m-nav-show .m-menu-close {
		display: inline-block;
	}
	.nav-menu,.nav-menu-child{
		display: none;
	}
	.nav-menu > li > a{ 
		display: block;
		background: #fff;
		padding: 0.1rem;
		font-weight: bold;
	}
	.m-nav-show .nav-menu {
		display: block;
		position: absolute;
		z-index: 111;
		top:100%;
		right: 0;
		width: 100%;
		background: #fff;
	}
	.m-nav-show .nav-menu li {
		display: block;
		border-top: 0.01rem solid #f0f0f0;
		text-align: center;
	}
	.head-contact{
		display: none;
	}
	/* tool bar */
	.tool-bar {
		bottom: 0;
		z-index: 10;
		width: 100%;
		font-size: 0.16rem;
	}
	.tool-item {
		float: left;
		width: 25%;
		height: 0.8rem;
	}
	.tool-item-cap .fa {
		margin-top: 0.2rem;
		font-size: 0.3rem;
	}
	.tool-item-name {
		margin-top: 0.1rem;
		font-size: 0.18rem;
	}
	.tool-qrcode {
		bottom: 100%;
		left: 0;
		width: 100%;
		padding: 0.4rem 0 0.2rem;
	}
	.tool-qrcode .wechat-qrcode {
		display: inline-block;
		margin: 0 0.4rem;
	}
	.tool-qrcode .wechat-qrcode .qrcode {
		width: 2.08rem;
		height: 2.08rem;
		padding: 0.04rem;
	}
	.tool-qrcode .qrcode img {
		height: 2rem;
		width: 2rem;
	}
	.tool-tel {
		top: -100%;
		width: 100%;
		height: 1rem;
		line-height: 1rem;
	}
	.tool-tel a{
		font-size: 0.3rem;
		color: #fff;
	}
	/* end tool bar */
}
@media screen and (max-width: 768px) {
	.container {
		margin-left: 0.15rem;
		margin-right: 0.15rem;
	}
	/* reset */
	/* header */
	/* tool bar */
	.tool-bar {
		left: 0;
		bottom: 0;
		width: 100%;
		border-top: 0.03rem solid #0068AB;
	}
	.tool-item {
		float: left;
		width: 25%;
	}
	.tool-item .fa {
		font-size: 0.18rem;
		margin-top: 0.18rem;
	}
	/* end tool bar */
	/* header */
	.header{
		padding: 0.15rem 0;
	}
	.top-phone{
		display: none;
	}
	/* header */
	/* layout */
	.section{
		padding: 0.3rem 0;
	}
	.ind-bar-ul{
		padding: 0.3rem 0;
	}
	.ind-bar-ul li{
		margin: 0.3rem 0;
	}
	.ind-about-text{
		padding:0.3rem 0;
	}
	.ind-blog-ul li{
		margin-bottom: 0.3rem;
	}
	.ind-blog-ul li span{
		display: none;
	}
	.ind-case-item{
		padding: 0 0.15rem;
	}
	.ind-case-text{
		padding: 0;
	}
	/* footer */
	.foot-info,.foot-prolist,.foot-caselist{
		margin-bottom: 0.3rem;
	}
	/* footer */
	/* layout */
	.crumb{
		margin-bottom: 0.15rem;
	}
	/* index-product */
	.index-pro-ul{
		justify-content: space-between;
	}
	.index-pro-ul li{
		width: 49%;
		padding: 0;
		margin-bottom: 0.15rem;
	}
	/* index-product */
	/* list-case */
	.caselist-ul{
		justify-content: space-between;
	}
	/* list-case */
	/* list-blog */
	.bloglist-ul span{
		display: none;
	}
	/* list-blog */
	/* single-pro */
	.toppro{
		padding: 0.3rem 0;
	}
	.single-table {
		overflow-x: auto;
		width: 100%;
	}
	/* single-pro */
	/* rel-pro */
	.rel-pro-ul{
		justify-content: space-between;
	}
	.rel-pro-ul li{
		width: 49%;
		margin-bottom: 0.15rem;
	}
	.rel-blog-ul li span{
		display: none;
	}
	/* contact */
	.contact-ul li{
		width: 100%;
		padding: 0.15rem;
	}
	/* contact */
	/* sem */
	.sem-pro-td li{
		width: 49%;
	}
	.ul-pro-lc li{
		margin-bottom: 0.3rem;
	}
	/* sem */
}